.featured-columns-card {

  .hx-cy-card-content {
    /*display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;*/

    background-color: #ecf1f9;

    .hx-journal-section-container {
      width: 470px;
    }


    .featured-columns-section-group-wrap {
      display: flex;
      flex-direction: column;
      gap: 14px;
    }
  }
}


@media (max-width: @screen-sm-max) {
  .featured-columns-card {
    .hx-cy-card-content {
      display: flex;
      flex-direction: column;
      gap: 14px;

      .hx-journal-section-container {
        width: calc(100vw - 24px);
      }
    }
  }
}
